<!-- <p>double-bind works!</p> -->
<h1>双向数据绑定</h1>
<p>radioData:{{radioData}}</p>
<input type="radio" value="a" [(ngModel)]="radioData">
<input type="radio" value="b" [(ngModel)]="radioData">
<input type="radio" value="c" [(ngModel)]="radioData">
<hr>
<input type="radio" value="a" #radio1 [checked]="radio1.value==radioData" (click)="radioData=radio1.value">
<input type="radio" value="b" #radio2 [checked]="radio2.value==radioData" (click)="radioData=radio2.value">
<input type="radio" value="c" #radio3 [checked]="radio3.value==radioData" (click)="radioData=radio3.value">
<hr>
<input type="checkbox" value="a" [(ngModel)]="checkData">
<input type="checkbox" value="b" [(ngModel)]="checkData">
<input type="checkbox" value="c" [(ngModel)]="checkData">
<hr>
<input type="checkbox" name="" id="" [checked]="checkData" #check (change)="checkData=check.checked">
<hr>
<div *ngFor="let key of getKeySkill()">
    <label>{{key}}</label>
    <input type="checkbox" [(ngModel)]="skills[key]">
</div>
<hr>
<p>select:{{selectData}}</p>
<select [(ngModel)]="selectData">
    <option value="">请选择</option>
    <option >A</option>
    <option >B</option>
    <option value="c">C</option>
</select>
<!-- <select #select (change)="getValue($event)">
    <option value="">请选择</option>
    <option >A</option>
    <option >B</option>
    <option value="c">C</option>
</select> -->
